<!-- 协议列表 -->
<script setup>
const list = [
  { title: '用户协议', id: '/pages/agreement/user' },
  { title: '隐私政策', id: '/pages/agreement/privacy' },
]
// 前往协议详情页面
const goDetail = (item) => {
  uni.navigateTo({
    url: `/subPackage/my/agreement/detail`
  })
}
</script>

<template>
  <view class="agreement-page">
    <view class="list">
      <view class="item" v-for="item in list" :key="item.id" @click="goDetail">
        <text>{{ item.title }}</text>
      </view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
.agreement-page {
  box-sizing: border-box;
  padding: 50rpx 30rpx;
  min-height: 100vh;
  background-color: #F9F9F9;

  & .list {
    & .item {
      margin-bottom: 44rpx;
      height: 128rpx;
      line-height: 128rpx;
      text-align: center;
      font-weight: 500;
      font-size: 30rpx;
      color: #333333;
      background: #FFFFFF;
      border-radius: 10rpx;
    }
  }
}
</style>